<template>
    <div>
      我是子组件
    </div>
  </template>
  
  <script>
  export default {
      name: "son-com",
      beforeCreate() {
          console.log('子组件---实例化之前---5')
      },
      created() {
          // 初始化
          // 在created中可以操作this   this.$refs
          console.log('子组件---实例完成---6')
  
      },
      beforeMount() {
          console.log('子组件---dom渲染之前---7')
      },
      mounted() {
          console.log('子组件---dom结构渲染完毕----8')
      },
  }
  </script>
  
  <style>
  
  </style>